<template>
  <div class="grid grid-cols-2 flex gap-3 p-x-4">
    <Card img-url="imgs/home/ar.png" title="AR合影" @click="openLink({ name: 'GroupPhoto' })" />
    <Card img-url="imgs/home/card.png" title="集卡册" @click="openLink({ name: 'CardAlbum' })" />
    <!-- code:{{ router.currentRoute.value.query.code }} -->
  </div>
</template>

<script lang='ts' setup>
import { useRouter } from 'vue-router'
import Card from './Card/index.vue'

const router = useRouter()
function openLink(target) {
  router.push(target)
}
</script>

<style lang='less' scoped>
</style>
